@charset "utf-8";
@import "common/reset";
@function r($px){
    @return $px/100+rem;
}
section{
    .article_link{
        
        padding-top:r(42);
        .college_link_tit{
                width:100%;
                height:r(25);
                background:#f5f5f5;
//              margin-top:r(27);
            }
        .article_link_top{
            padding: 0 r(27);
            .article_link_top{
                font-size:0;
                div{
                    font-size:0;
                    h2{
                        font-size:r(30);
                    }
                    img:nth-of-type(1){
                        width:r(21);
                        height:r(19);
                        margin-right:r(6);
                        margin-left:r(48);
                    }
                    img:nth-of-type(2){
                        width:r(24);
                        height:r(14);
                        margin-left:r(44);
                        margin-right:r(7);
                    }
                    span{
                        font-size:r(20);
                        color:#c5c5c5;
                    }
                    p{
                        font-size:r(22);
                        color:#c5c5c5;
                        span{
                            color:#b20000;
                        }
                    }
                }
            }
        }
        .article_link_content{
            padding: 0 r(27);
            h2{
                font-size:r(20);
                text-indent: 2em;
            }
            h3{
                font-size:r(20);
                margin-top:r(37);
                text-indent: 2em;
            }
            p{
                font-size:r(20);
                color:#8b8b8b;
                margin-top:r(36);
                text-indent: 2em;
            }
            p:nth-of-type(7),
            p:nth-of-type(8),
            p:nth-of-type(9){
                margin-top:0;
            }
            img{
                width:100%;
                margin-top:r(25);
            }
        }
        .shangyipian{
            font-size:0;
            padding:0 r(27);
            width:100%;
            height:r(80);
            line-height: r(80);
            h3{
                font-size:r(21.12);
                display:inline-block;
                color:#727171;
            }
            span{
                font-size:r(18.1);
                color:#727171;
            }
        }
        .link_but{
            width:51%;
            font-size:0;
            margin:0 auto;
            margin-top:r(38);
            div{
                display:inline-block;
                text-align: center;
                img{
                    width:r(72);
                    height:r(72);
                }
                p{
                    font-size:r(20);
                    margin-top:r(8);
                }
            }
            div:nth-child(1),
            div:nth-child(2){
                margin-right:r(55);
            }
        }
        .comment{
            margin-top:r(50);
            padding:0 r(27);
            .pinglunkuang{
                width:100%;
                height:r(193);
                line-height:r(193);
                border:r(1) solid #c9c9c9;
                font-size:0;
                text-align: center;
                a{
                    color:#B20000;
                    font-size:r(20);
                    text-decoration: underline;
                }
                span{
                    color:#8b8b8b;
                    font-size:r(20);
                }
                
            }
            .fabiaopinglun{
                width:r(395);
                height:r(53);
                line-height:r(53);
                text-align: center;
                background:#b20000;
                margin:0 auto;
                margin-top:r(16);
                h3{
                    font-size:r(26);
                    color:#fff;
                    font-weight: normal;
                }
            }
        }
        .pinlun{
            padding: 0 r(27);
            padding-top:r(50);
            font-size:0;
            p{
                    font-size:r(18);
                }
            >div:nth-of-type(1){
                width:100%;
                height:r(50);
                font-size:0;
                margin-top:r(26);   
                img{
                    width:r(50);
                    height:r(50);vertical-align: middle;
                }
                span{
                    font-size:r(18);
                    color:#444444;
                    margin-left:r(18);
                    vertical-align: middle;
                }
                p{
                    display:inline-block;
                    font-size:r(18);
                    color:#b2b2b2;
                    vertical-align: middle;
                }
            }
            >div:nth-of-type(2){
                margin-top:r(13);
                h3{
                    font-size:r(22);
                    display:inline-block;
                }
                p{
                    font-size:r(18);
                    display:inline-block;
                    color:#b2b2b2;
                }
            }
            >div:nth-of-type(3){
                margin-top:r(22);
                h4{
                    font-size:r(19.32);
                    font-weight: normal;
                }
            }
            >div:nth-of-type(4){
                background:#fafafa;
                margin-top:r(60);
                padding:0 r(20);
                font-size:0;
                >div{
                    width:100%;
                    height:r(137);
                    border-bottom:r(1) dashed #c9c9c9;
                    padding-top:r(17);
                    >div{
                        img{
                            width:r(40);
                            height:r(40);
                            vertical-align: middle;
                        }
                        span{
                            vertical-align: middle;
                            font-size:r(18);
                            margin-left:r(18);
                        }
                        p{
                            font-size:r(18);
                            display:inline-block;
                            color:#b2b2b2;
                            margin-top:r(26);
                        }
                    }
                }
                >div:nth-of-type(3){
                    border:none;
                    textarea{
                        width:100%;
                        height:r(72);
                    }
                    >div{
                        margin:0 auto;
                        margin-top:r(8);
                        width:r(174);
                        height:r(45);
                        line-height:r(45);
                        background:#b20000;
                        float:right;
                        h3{
                            font-size:r(20.21);
                            color:#fff;
                            text-align: center;
                            
                        }
                    }
                }
            }
        }
    }
    .loading{
            font-size:0;
            width:100%;
            height:r(58);
            line-height: r(58);
            text-align: center;
            border-top:r(1) solid #e4e4e4;
            margin-top:r(31);
            
            p{
                font-size:r(22);
                color:#bbbbbb;
            }
        }
}
